@import './base.css';

#app {
  margin: 0 auto;
  padding: 0;
  font-weight: normal;
}

.el-input .el-input__wrapper {
  background: #11375b;
  box-shadow: none;
  border: 1px solid #1d6db7;
}

.el-input .el-input__wrapper .el-input__inner {
  color: #cbe7ff !important;
}

.el-textarea .el-textarea__inner {
  background: #11375b;
  box-shadow: none;
  border: 1px solid #1d6db7;
}

.el-select {
  .el-select__wrapper {
    background: #11375b;
    box-shadow: none;
    border: 1px solid #1d6db7;
  }
  .el-select__selection {
    .el-select__placeholder {
      color: #cbe7ff;
    }
  }
}
.el-date-picker {
  --el-datepicker-off-text-color: rgba(255, 255, 255, 0.25);
  --el-datepicker-header-text-color: #fff;
}
.el-picker-panel {
  background: rgba(8, 18, 32, 1) !important;
}

/* .el-popper.is-light,
.el-popper.is-light > .el-popper__arrow:before {
  border: 1px solid rgba(80, 158, 226, 1) !important;
} */
 

.el-picker-panel__icon-btn {
  color: #fff;
}
.el-date-picker__header-label {
  color: #fff !important;
}

.el-date-table td .el-date-table-cell .el-date-table-cell__text {
  border-radius: unset !important;
}

.el-date-table td.today .el-date-table-cell__text {
  border: 1px solid;
}

.el-date-table td.end-date .el-date-table-cell {
  border-bottom-right-radius: unset !important;
  border-top-right-radius: unset !important;
}
.el-date-table td.start-date .el-date-table-cell {
  border-bottom-left-radius: unset !important;
  border-top-left-radius: unset !important;
}
.el-picker-panel__footer {
  background: rgba(8, 18, 32, 1) !important;
}

.el-picker-panel__body .el-input__wrapper {
  background: #fff;
}
.el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
  width: 100% !important;
}
/*  */
.form-select {
  background-color: rgba(9, 18, 31, 0.9);
  color: #bfc4d2;
  border: 1px solid #2271bb !important;
  box-shadow: none;
}
.form-select .el-select-dropdown__item {
  color: rgba(191, 196, 210, 1);
}
.el-select-dropdown__item .form-select .el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: transparent !important;
  color: #ffffff;
}
.form-select .el-tree.input-background {
  background-color: transparent;
}
.form-select .el-tree-node:focus > .el-tree-node__content {
  background-color: #265678;
}
.form-select .el-select-dropdown__item.selected {
  color: #fff;
  background-color: #265678 !important;
}
.form-select .el-tree-node__content:has(.el-select-dropdown__item.selected) {
  background-color: #265678 !important;
}
.form-select .el-tree-node__content:hover {
  background-color: transparent;
  color: #fff;
}

.el-picker__popper {
  .el-picker-panel__body-wrapper {
    .el-picker-panel__body {
      .el-date-range-picker__time-header {
        .el-date-range-picker__editors-wrap {
          .el-date-range-picker__time-picker-wrap {
            .el-input {
              .el-input__wrapper {
                background: #fff !important;
              }

              .el-input__inner {
                color: black !important;
              }
            }
          }
        }
      }
    }
  }
}

.el-dialog {
  background: rgba(9, 17, 41, 0.6) !important;
}

.el-date-range-picker {
  --el-datepicker-icon-color: #fff !important;
}

.el-textarea__inner {
  color: #cbe7ff !important;
}

/* .el-popper.is-light,
.el-popper.is-light > .el-popper__arrow:before {
  background: #265678 !important;
} */

.el-time-spinner__item {
  color: #fff !important;
}
.el-time-spinner__item.is-active:not(.is-disabled) {
  color: rgb(64, 158, 255) !important;
}

/* .el-select-dropdown__item {
  color: #fff !important;
} */

.el-textarea .el-input__count {
  background: #11375b !important;
}

.el-input.is-disabled .el-input__wrapper {
  background: #11375b !important;
}

.el-textarea.is-disabled .el-textarea__inner {
  background: #11375b !important;
}
